<template>
	<view class="chat">
		<index-header name="微聊"></index-header>
		<view class="chat-box">
			<view class="chat-box-content">
				<image src="/static/people.png" ></image>
				<text>置业顾问：马小妹</text>
				<text>专业服务诚信做人诚信做事</text>
				<view class="chat-button">
					我要聊天
				</view>
			</view>

		
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>
	
<style lang="less" scoped>
	// 背景颜色
	@backGround: #F4F3F8;
	@base:#2B3082;

	.chat{
			
		.chat-box{
			display: flex;
			justify-content: center;
			margin-top:100px;
			height: 100%;
			width: 100%;
			.chat-box-content{
				width: 300px;
				height: 300px;
				background-color:@backGround;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				image{
					width: 120px;
					height: 100px;
				}
				text{
					padding:8px 0 ;
				}
				.chat-button{
					margin-top: 20px;
					height: 40px;
					line-height: 40px;
					width: 80px;
					background-color: @base;
					color: #fff;
					text-align: center;
				}
			}
		
			
		}
	}
</style>
